﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="YouVictory.aspx.cs" Inherits="Default2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> 
<style type="text/css"> 

.accordion {
	width: 480px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 
{
    
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

</style> 

<style type="text/css" media="screen">
		
			#list{
				margin:0 auto;
				height:280px;
				width:300px;
				overflow:hidden;
				position:relative;
				
			}
			#list ul,
			#list li{
				list-style:none;
				margin:0;
				padding:0;
			}
			#list a{
				position:absolute;
				text-decoration: none;
				color:#666;
			}
			#list a:hover{
				color:#ccc;
			}
		</style>
        <script type="text/javascript">


            $(document).ready(function () {

                var element = $('#list a'); ;
                var offset = 0;
                var stepping = 0.03;
                var list = $('#list');
                var $list = $(list)

                $list.mousemove(function (e) {
                    var topOfList = $list.eq(0).offset().top
                    var listHeight = $list.height()
                    stepping = (e.clientY - topOfList) / listHeight * 0.2 - 0.1;

                });


                for (var i = element.length - 1; i >= 0; i--) {
                    element[i].elemAngle = i * Math.PI * 2 / element.length;
                }


                setInterval(render, 20);


                function render() {
                    for (var i = element.length - 1; i >= 0; i--) {

                        var angle = element[i].elemAngle + offset;

                        x = 120 + Math.sin(angle) * 30;
                        y = 45 + Math.cos(angle) * 40;
                        size = Math.round(40 - Math.sin(angle) * 40) / 2;

                        var elementCenter = $(element[i]).width() / 2;

                        var leftValue = (($list.width() / 2) * x / 100 - elementCenter) + "px"

                        $(element[i]).css("fontSize", size + "pt");
                        $(element[i]).css("opacity", size / 100);
                        $(element[i]).css("zIndex", size);
                        $(element[i]).css("left", leftValue);
                        $(element[i]).css("top", y + "%");
                    }

                    offset += stepping;
                }


            });


</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <script type="text/javascript">
        $(document).ready(function () {

            $(".accordion h3:first").addClass("active");
            $(".accordion p:not(:first)").hide();

            $(".accordion h3").click(function () {
                $(this).next("p").slideToggle("slow")
		.siblings("p:visible").slideUp("slow");
                $(this).toggleClass("active");
                $(this).siblings("h3").removeClass("active");
            });

        });
</script> 
  
<div id="Div1" class="accordion" runat="server" style="float:left"> 
	<h3>Чем вы болели за прошлый год </h3> 
	<p>
        <asp:RadioButton ID="RadioButton1" runat="server" Text="грипп" GroupName="age"/><br/>
        <asp:RadioButton ID="RadioButton2" runat="server" Text="кардиология" GroupName="age"/><br/>
        <asp:RadioButton ID="RadioButton3" runat="server" Text="субная боль" GroupName="age"/><br/>
        <asp:RadioButton ID="RadioButton6" runat="server" Text="" GroupName="age"/><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </p> 
    
	<h3>Вы лежали в больнице </h3> 
	<p>
        <asp:RadioButton ID="RadioButton4" runat="server" Text="да" GroupName="age"/><br/>
        <asp:RadioButton ID="RadioButton5" runat="server" Text="нет" GroupName="age"/><br/>
    </p>
	<h3> Вы имеете хронические болезни </h3> 
	<p>
        <asp:RadioButton ID="RadioButton7" runat="server" Text="Да" GroupName="age"/><br/>
        <asp:RadioButton ID="RadioButton8" runat="server" Text="Нет" GroupName="age"/><br/>
        <asp:RadioButton ID="RadioButton9" runat="server" Text="" GroupName="age"/><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
    </p>
     <h3> Задать свой вопрос </h3> 
	<p>
        Вопрос    :<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> <br />
        Ваш ответ :<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
    </p>
</div> 

	<div id="list">
			<ul>
				<li><a href="#">Кардиология</a></li>
				<li><a href="#">Гастроенеролигия</a></li>
				<li><a href="#">Моче-половя система</a></li>
				<li><a href="#">Урология</a></li>
				<li><a href="#">Гинекология</a></li>
				<li><a href="#">Офтальмология</a></li>

			</ul>
		</div>
                <asp:Button ID="Button1" runat="server" Text="Send" onclick="Button1_Click" 
                    Width="206px" />
     

</asp:Content>



